<!DOCTYPE html>
<html>
<head>
	<title>列表页</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge, Chrome=1">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="列表页.css">
</head>
<body>
<div class="header">
	<div class="btn-group" data-toggle="buttons">
		<label class="btn btn-default" id="gu">
			<input type="radio">找雇主
		</label>
		<label class="btn btn-default active" id="hu">
			<input type="radio" checked>找护工
		</label>
	</div>
	<div class="location">
		
	</div>
</div>
<div class="biaotou">
	<div class="num1">
	<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">
		<p>所在地</p>
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu" aria-labeledby="dropdownMenu1">
		<li><a href="#">北京</a></li>
		<li><a href="#">上海</a></li>
		<li><a href="#">南京</a></li>
	</ul>
	</div>
	<div class="num2">
	<button type="button" class="btn dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown">
		<p>食宿</p>
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu" aria-labeledby="dropdownMenu2">
		<li><a href="#">包食宿</a></li>
		<li><a href="#">不包食宿</a></li>
	</ul>
	</div>
	<div class="num3">
	<button type="button" class="btn dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown">
		<p>病人情况</p>
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu" aria-labeledby="dropdownMenu3">
		<li><a href="#">良好</a></li>
		<li><a href="#">较差</a></li>
		<li><a href="#">严重</a></li>
	</ul>
	</div>
</div>
<div class="main-body">
	<div class="line b1">
		<div class="le">
			<p class="service"><span></span>服务日期</p>
			<p class="date">2015-7-5至2015-7-12</p>
			<p class="adress"><span></span>北京.通州.果园</p>
		</div>
		<div class="ri">
			<p class="price">25元/小时<span></span></p>
		</div>
	</div>
	<div class="line b2">
		<div class="le">
			<p class="service"><span></span>服务日期</p>
			<p class="date">2015-7-5至2015-7-12</p>
			<p class="adress"><span></span>北京.通州.果园</p>
		</div>
		<div class="ri">
			<p class="price">35元/小时<span></span></p>
		</div>
	</div>
	<div class="line b3">
		<div class="le">
			<p class="service"><span></span>服务日期</p>
			<p class="date">2015-7-5至2015-7-12</p>
			<p class="adress"><span></span>北京.通州.果园</p>
		</div>
		<div class="ri">
			<p class="price">45元/小时<span></span></p>
		</div>
	</div>
	<div class="line b4">
		<div class="le">
			<p class="service"><span></span>服务日期</p>
			<p class="date">2015-7-5至2015-7-12</p>
			<p class="adress"><span></span>北京.通州.果园</p>
		</div>
		<div class="ri">
			<p class="price">45元/小时<span></span></p>
		</div>
	</div>
	<div class="line b5">
		<div class="le">
			<p class="service"><span></span>服务日期</p>
			<p class="date">2015-7-5至2015-7-12</p>
			<p class="adress"><span></span>北京.通州.果园</p>
		</div>
		<div class="ri">
			<p class="price">45元/小时<span></span></p>
		</div>
	</div>
</div>
<div class="footer">
	<button type="button" class="btn"></button>
	<button type="button" class="btn"></button>
	<button type="button" class="btn"></button>
</div>

</body>
</html>
